body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #373737;
	color: #FFF;
}

#header {
	color: #FFF;
	font: normal normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
	#header-info {
		width: 30%;
	}
		#header-info .item {
			float: left;
			line-height: 50px;
		}
		#header-info .item * {
			float: left;
		}
	
	#header-menu {
		right: 0;
		width: 75%;
	}
		#header-menu .item {
			color: #9f978a;
			cursor: pointer;
			float: right;
			padding-left: 8px;
			width: 130px; height: 50px;
		}
		#menu-fashionspread {
			width: 180px;
		}
			#header-menu .item * {
				float: left;
			}
			#header-menu .item p {
				margin-top: 10px;
			}
			#header-menu .item.alt p {
				margin-top: 18px;
			}
		#header-menu .item:hover,
		#header-menu .item.selected {
			background: #535353;
			color: #fff6e5;
		}
		#header-menu .item:hover #numBasketItems,
		#header-menu .item.selected	#numBasketItems {
			border-color: #fff6e5;	
		}
		#header-menu #menu-shoppingbasket {
			width: 180px;
		}
		#numBasketItems {
			background-color: transparent;
			border: 3px solid #9f978a;
			display: block;
			font-size: 15px;
			font-style: normal;
			line-height: 26px;
			margin: 10px 0 0 10px;
			text-align: center;
			width: 26px; height: 26px;
			
			-webkit-border-radius: 90px;
			-webkit-transition: background-color 1s ease-in-out 0s;
		}
	#bottom-iconfittingroom-overlay {
		cursor: pointer;
		bottom: 0; right: 0;
	}
	#sidebar-overlay {
		right: 5px;
	}

#galleryindicators {
    height: 27px;
    margin: 0 auto;
    text-align: center;
 	overflow: hidden;    
}

#galleryindicators .indicator {
	width: 0px;
	height: 0px;
	float: left;
	margin: 10px 6px;
 	background-color: rgb(100,100,100);
	border: solid 4px rgb(100,100,100);

  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;	
   
    cursor: pointer;
}

#galleryindicators .indicator:hover {
 	background-color: rgb(200,200,200);
	border: solid 4px rgb(200,200,200);	
}

#galleryindicators .active {
 	background-color: rgb(255,255,255);
	border: solid 4px rgb(255,255,255);	
}

#galleryindicators {
	width: 80px;
}

.highlight {
	color: #e3b48c !important;
}

.lightcream {
	background-color: #e6e3dc;
	color: #000 !important;
}

.darkcream {
	background-color: #d0c9b7;
}

.box {
	background-color: #FFFFFF !important;
	border: 5px solid #ddd7c9;
	display: block;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
}

.title {
	font: Italic 13px Georgia, "Times New Roman", Times, serif;
}

.pagetitle {
	font: italic 26px Georgia, "Times New Roman", Times, serif;
	color: #000;
}



/* ---- added friday, may 25, 2012 ---- */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.table {
	display: table;
	border-collapse: collapse;
}
.row {
	display: table-row;
}
.cell {
	display: table-cell;
}
img {
	display: block; margin: 0; padding: 0;
}
.circle {
	background: transparent;
	border: 2px solid transparent;
	cursor: pointer;
	display: block;
	font: normal 25px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	width: 29px; height:29px;

	-webkit-border-radius: 90px;
}
	
.myqty {
	background: #fff;
	color: #000;
	display: block;
	border: 2px solid #88592d;
	float: left;
	font: italic 16px/28px Georgia, "Times New Roman", Times, serif;
	margin: 0 4px 0 3px;
	text-align: center;
	width: 28px; height: 28px;
	
	-webkit-border-radius: 90px;
}

/* fashion grid */
#content-fashionspread-grid h2 {
	color: #845024;
	font-size: 30px;
	font-style: italic;
	line-height: 50px;
	margin-top: 35px;
	text-indent: 20px;
}

.gridprod{}
	
	.btnColor,
	.btnSize {
		margin-right: 5px;
	}
	.btnSize {
		background: #d6c9a9;	
		color: #000;
		cursor: pointer;
		display: block;
		border: 2px solid #d6c9a9;
		float: left;
		font: italic 16px/28px Georgia, "Times New Roman", Times, serif;
		margin: 0 2px;
		text-align: center;
		width: 28px; height: 28px;
		
		-webkit-border-radius: 90px;
	}
	.btnSize.selected {
		background: #fff;
		border-color: #88592d;
	}
		.circle {
			background: transparent;
		}
		.circle.selected {
			background: #e3d5b2;
			border: 2px solid #ffecc2;
			width: 31px; height:31px;
		}
		.circle.color1 {
			background: #865127;
		}
		.circle.color2 {
			background: #ea292a;
		}
		.circle.color3 {
			background: #fff;
		}
	
	.gridDetail,
	.gridConf {
		width: 236px; height: 357px;
	}
		.gridDetail .sku {
			display: none;
		}
		.gridImg {
			position: relative;
		}
			.gridImg img {
				margin: 0 auto;
				width: 215px; height: 267px;
			}
			.gridImg .eye,
			.gridImg .sizeDetail {
				position: absolute;
			}
			.gridImg .eye {
				top:  5px; right: 22px;
			}
			.gridImg .sizeDetail {
				bottom: 20px; right: 40px;
			}
		.gridDetail .summary {
			margin: 0 auto;
			width: 86.440677966102%;
		}
			.gridDetail .summary .brand {
				height: 40px;
				margin-top: 10px;
			}
				.gridDetail .summary h3,
				.gridDetail .summary h4 {
					font-style: italic;
				}
				.gridDetail .summary h3 {
					font-size: 18px;
				}
				.gridDetail .summary h4 {
					color: #845024;
				}
			.gridDetail .summary .util {}
				.gridDetail .summary .price {
					font-size: 32px;	
					margin: 0 15px 0 0;
					width: 35%;
				}
				.gridDetail .summary .output {
					font-size: 12px;
					font-style: italic;
					margin: 3px 8px 0 0;
				}
					.gridDetail .summary .output em {
						color: red;
					}
				.gridDetail .summary .add {
					margin-right: 5px;
				}
		.gridDetail .sizeDetail {
			font-style: italic;
		}
			.gridDetail .sizeDetail em {
				color: red;
				font-size: 10px;
			}
	.gridConf {
		background: #c3b79f;
		position: absolute;
		top: 357px;
		-webkit-transition: 0.75s ease-in-out 0s;
	}
		.gridConf .wrap {
			width: 100%; height: 307px;
		}
			.gridConf h3 {
				font-size: 16px;
				font-weight: bold;
				margin-bottom: 8px;
			}
			.colorContainer,
			.sizeContainer,
			.qtyContainer {
				border-bottom: 1px solid #a79c88;
				display: block;
				font-style: italic;		
				margin-left: 8.474576271186%;
				width: 83.050847457627%; height: 70px;
			}
			.colorContainer {
				padding-top: 52px;
				margin-bottom: 8px;
			}
			.sizeContainer {
				height: 80px;
				margin-top: 0;
				margin-bottom: 8px;
			}
				.sizeContainer a {
					color: #884f24;
					font-size: 13px;
					text-decoration: underline;
				}
			.qtyContainer {
				border: none;
				height: 85px;
			}
				.qtySelector .circle {
					margin-right: 5px;
				}
				.qtySelector .selected {
				}
			.btncloseconfigproduct {
				float: right;
			}
		.shoppingbasketbutton {
			background-color: #845024;
			color: #fff;
			cursor: pointer;
			width: 100%; height: 50px;
		}
			.shoppingbasketbutton .cart {
				margin: 0 auto;
			}
			
/* DETAIL PAGE */
#productgallery,
#productoptions {
	display: block;
	float: left;
	width: 50%; height: 100%;
}
#productgallery {
	background: #ddd7c9;
}
	#productgallery .back {
		color: #845024;
		margin-left: 30px;
		font-size: 14px;
		font-style: italic;
		line-height: 50px;
		text-indent: 50px;
	}
	#productgallery .wrap {
		margin: 0 0 0 3.90625%;
		width: 92.1875%; height: 748px;
	}
		#mv-productgallery {
			overflow: hidden;
			position: relative;
			width: 100%;
			height: 90%;
		}
			#mv-productgallery .items {
				width: 20000em;
				position: absolute;
			}
				#mv-productgallery img {
					float: left;
				}
		#scrollable .navi {
			position: absolute;
			bottom: 30px; left: 48%;
		}
			#scrollable .navi a {
				background: transparent url('res/images/navigator.png') no-repeat left top;
				display: block;
				float: left;
				font-size: 1px;
				margin: 3px;
				width: 8px; height: 8px;
			}
				#scrollable .navi a:hover {
					background-position: 0 -8px;
				}
				#scrollable .navi a.active {
					background-position: 0 -16px;
				}
	
#productoptions {
	position: relative;
	overflow: scroll;
}
	#socialmedia {
		position: absolute;
		right: 10px; top: 30%;
	}
	#galleryindicators {
		bottom: 0; left: 220px;
		position: absolute;
	}
	#productdesc {
		margin-top: 28px;
	}
	#productdesc,
	#productconfig {
		margin-left: 6.8359375%;
	}
		#productdesc .wrap {
			clear: both;
			color: #000;
			margin:  0 0 10px 0 ;
		}
			#productdesc .wrap h4 {
				color: #000;
				font-size: 16px;
				font-style: italic;
				line-height: 26px;
			}
			#productdesc .wrap p {
				color: #8f5f2f;
				font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			}
		#productdesc .summary, 
		#productdesc .material,
		#productdesc .tags {
			width: 80%;
		}
		#productdesc .head {
			font-style: italic;
		}
			#productdesc .ref {
				color: #333;
				font: normal 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			}
			#productdesc .name {
				font-size: 42px;
			}
			#productdesc .brand {
				color: #8f5f2f;
				font-size: 28px;
			}
			#productdesc .price {
				color: #000;
				font-size: 42px;
				font-style: normal;
			}
		
	
	#productconfig {
		float: left;
	}
		#configurator {
			float: left;
			margin: 20px 0;
		}
			#configurator .mybox {
				background: #c3b79f;
				display: block;
				margin: 0 1px 1px 0;
				padding: 12px 0 0 20px;
				width: 150px; height: 73px;
			}
				#configurator .mybox h3 {
					color: #000;
					font-size: 16px;
					font-style: italic;
					line-height: 28px;
				}
				#configurator .mybox a {
					color: #8f5f2f;
					font-size: 12px;
					font-style: italic;
					margin-left: 45px;
				}
			#configurator .circle {
				color: #000;
				font: italic 18px/27px Georgia, "Times New Roman", Times, serif;
				margin-right: 5px;
				width: 27px; height: 27px;
			}
				#configurator .sizeConfig .circle {
					margin-right: 3px;
				}
		#addProdToBasket {
			background: #845024;
			cursor: pointer;
			color: #fff;
			clear: both;
			width: 341px; height: 50px;
		}
			#addProdToBasket .cart {
				margin: 0 auto;
			}
		
/* FITTING ROOM */		
#vw-content-fittingroom .mycontent {
	position: relative;
}
	#vw-content-fittingroom h2 {
		color:  #845024;
		font-size: 30px;
		font-style: italic;
		line-height: 60px;
		margin-left: 20px;
	}
		#vw-content-fittingroom h2 .em{
			color:  #000;
		}
	#vw-content-fittingroom #editme,
	#vw-content-fittingroom #submitme,
	#vw-content-fittingroom #cancelme {
		cursor: pointer;
		margin: 5px 20px 0 0;
	}
	#vw-content-fittingroom #cancelme {
		margin: 5px 0 0 0;
	}
	#vw-content-fittingroom .topscroll,
	#vw-content-fittingroom .botscroll {
		padding-left: 20px;
	}
	#vw-content-fittingroom .topscroll {
		width: 1024px; height: 70%;
		overflow: auto;
	}
		#vw-content-fittingroom .topscroll .scroller {
			margin-top: 30px;
		}
			#vw-content-fittingroom .topscroll .item {
				/*background: transparent url('res/images/hanger.png') no-repeat left top;*/
				display: block;
				float: left;
				position: relative;
				margin-right: 40px;
				width: 310px; height: 378px;
			}
				#vw-content-fittingroom .topscroll .item .close {
					display: none;
					position: absolute;
					top: -25px; right: -25px;
				}
				#vw-content-fittingroom .topscroll .item img {
					position: absolute;
					top: 0; left: 0; 
					width: 310px; height: 378px;
				}
	#vw-content-fittingroom .botScrollContainer {
		background: #bfb59e;
		height: 30%;
		overflow: hidden;
		width: 1024px;
		bottom: 0; left: 0;
	}
	#vw-content-fittingroom .botScrollContainer,
	#vw-content-fittingroom .botscroll {
		width: 1024px;
	}
		#vw-content-fittingroom .botScrollContainer h3 {
			color:  #845024;
			font-size: 20px;
			font-style: italic;
			line-height: 50px;
			margin-left: 20px;
		}
			#vw-content-fittingroom .botScrollContainer h3 .em{
				color:  #000;
			}
	#vw-content-fittingroom .botscroll {}
		#vw-content-fittingroom .botscroll .scroller {}
			#vw-content-fittingroom .botscroll .item {
				background: #ddd7c9;
				display: block;
				float: left;
				margin-right: 20px;
				width: 180px; height: 110px;
			}
				#vw-content-fittingroom .botscroll .item img {
					width: 180px; height: 110px;
				}
		
		
/* SPRITES */
.sprite {
	background: transparent url('res/images/ico.png') no-repeat left top;
}
	.sprite.ico {
		width: 50px; height: 50px;
	}
	.sprite.user {
		background-position: 0 0;
	}
	.sprite.spread {
		background-position: 0 -50px;
	}
		.selected .sprite.spread,
		.item:hover .sprite.spread {
			background-position: 0 -100px;
		}
	.sprite.room {
		background-position: -50px -50px;
	}
		.selected .sprite.room,
		.item:hover .sprite.room {
			background-position: -50px -100px;
		}
	.sprite.basket {
		background-position: -100px -50px;
	}
		.selected .sprite.basket,
		.item:hover .sprite.basket {
			background-position: -100px -100px;
		}
	.sprite.like {
		background-position: -50px -500px;
		width: 150px; height: 150px;
	}
		.sprite.like.selected {
			background-position: -50px -650px;
		}
	.sprite.pinterest {
		background-position: 0 -150px;
	}
	.sprite.facebook {
		background-position: -50px -150px;
	}
	.sprite.twitter {
		background-position: -100px -150px;
	}
	.sprite.mail {
		background-position: -150px -150px;
	}
	.sprite.eye {
		background-position: -150px -200px;
	}
	.sprite.up {
		background-position: -100px -250px;
	}
		.sprite.upAlt {
			background-position: -108px -259px;
			cursor: pointer;
			width: 33px; height: 33px;
		}
	.sprite.down {
		background-position: -50px -250px;
	}
	.sprite.toLeft {
		background-position: 0 -250px;
	}
	.sprite.check {
			background-position: -50px -350px;
		}
	.sprite.cart {
		background-position: 0 -200px;
	}
		.sprite.cartAlt {
			background-position: -6px -206px;
			cursor: pointer;
			width: 39px; height: 39px;
		}
	.sprite.option {
		background-position: -50px -200px;
	}
		.sprite.optionAlt {
			background-position: -56px -206px;
			cursor: pointer;
			width: 39px; height: 39px;
		}
	.sprite.close {
		background-position: 0 -350px;
	}
	.sprite.edit {
		background-position: 0 -300px;
	}
	.sprite.back {
		background-position: 0 -250px;
	}
	.sprite.care {
		background-position: -13px -455px;
		width: 150px; height: 50px;
	}
	.sprite.cross {
		background-position: 0 -350px;
	}
	.sprite.add {
		background-position: -60px -410px;
		width: 32px; height: 32px;
	}
	.sprite.sub {
		background-position: -10px -410px;
		width: 32px; height: 32px;
	}
	.sprite.bag {
		background-position: -50px -300px;
	}
	
	
div.griditem {
	overflow: hidden;
}	
	




/* #loading { */
/*    z-index: 1000; */
/*    background-color: white; */
/*    background-image: url('res/images/spinner-white-big.gif') !important; */
/*    background-repeat: no-repeat; */
/*    background-position: center center; */
/* } */

/* .loadingmask_small {    */
/*    background-color: rgba(255,255,255, 0.5) !important; */
/*    background-image: url('res/images/loader.gif') !important; */
/*    background-repeat: no-repeat; */
/*    background-position: center center;     */
/* } */
	

	